<%-- 
    Document   : index
    Created on : 15-ago-2012, 1:06:48
    Author     : Edu
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<link href="style1.css" rel="stylesheet" type="text/css" />		
        <title>Dizucar S.A de C.V</title>
		   <title>Simple JQuery Slideshow</title>
    <script type="text/javascript" src="jquery-1.5.2.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
        var total = $("#img_box img").length;

        $("#imglink1 img").css({
            "border-color": "#0099cc",
            "top": "-5px"
        });

        $(".thumblink").click(function() {
            var imgnumber = parseInt($(this).attr('id').replace("imglink", ""));
            var move = -($("#img"+imgnumber).width() * (imgnumber - 1));

            $("#img_box").animate({
                left: move
            }, 500);

            $("#imgthumb_box").find("img").removeAttr("style");
            $(this).find("img").css({
                "border-color": "#0099cc",
                "top": "-5px",
                "border-top-width": "-5px"
            });
            return false;
        });

        $("#navigate a").click(function() {
            var imgwidth = $("#img1").width();
            var box_left = $("#img_box").css("left");
            var el_id = $(this).attr("id");
            var move, imgnumber;

            if (box_left == 'auto') {
                box_left = 0;
            } else {
                box_left = parseInt(box_left.replace("px", ""));
            }

            // if prev
            if (el_id == 'linkprev') {
                if ((box_left - imgwidth) == -(imgwidth)) {
                    move = -(imgwidth * (total - 1));
                } else {
                    move = box_left + imgwidth;
                }

                imgnumber = -(box_left / imgwidth);
                if (imgnumber == 0) {
                    imgnumber = total;
                }
            } else if (el_id == 'linknext') {
                // if in the last image, move to first
                if (-(box_left) == (imgwidth * (total - 1))) {
                    move = 0;
                } else {
                    move = box_left - imgwidth;
                }

                imgnumber = Math.abs((box_left / imgwidth)) + 2;
                if (imgnumber == (total + 1)) {
                    imgnumber = 1;
                }
            } else if (el_id == 'linkfirst') {
                move = 0;
                imgnumber = 1;
            } else if (el_id == 'linklast') {
                move = -(imgwidth * (total - 1));
                imgnumber = total;
            }

            // styling selected image
            $("#imgthumb_box").find("img").removeAttr("style");
            $("#imglink"+imgnumber).find("img").css({
                "border-color": "#0099cc",
                "top": "-5px",
                "border-top-width": "-5px"
            });

            $("#navigate a").hide();
            $("#navigate span").show();

            $("#img_box").animate({
                left: move+'px'
            }, 400, function() {
                $("#navigate a").show();
                $("#navigate span").hide();
            });

            return false;
        });
    });
    </script>
    <style type="text/css">
        body {
            margin: 0;
            padding: 0;
            font-family: Arial, "Free Sans";
        }
        #main {
            background: #0099cc;
            margin-top: 0;
            padding: 2px 0 4px 0;
            text-align: center;
        }
        #main a {
            color: #ffffff;
            text-decoration: none;
            font-size: 12px;
            font-weight: bold;
            font-family: Arial;
        }
        #main a:hover {
            text-decoration: underline;
        }
        #container {
            margin-top: 40px;
        }
        #navigate {
            text-align: center;
        }
        #navigate a, span {
            position: relative;
            top: 3px;
            background: #0099cc;
            text-decoration: none;
            color: #fff;
            padding: 4px 8px 0 8px;
            font-size: 20px;
            font-weight: bold;
            -webkit-border-radius: .3em .3em 0 0;
            -moz-border-radius: .3em .3em 0 0;
            border-radius: .3em .3em 0 0;
        }
        #navigate a:hover {
            color: #d3d3d3;
        }
        #navigate span {
            display: none;
            color: #999;
        }
        #img_container {
            overflow: hidden;
            width: 500px;
            margin: 0 auto;
            border: 8px solid #0099cc;
            -webkit-border-radius: .5em;
            -moz-border-radius: .5em;
            border-radius: .5em;
        }
        #img_box {
            position: relative;
            width: 3000px;
            margin: 0;
        }
        #img_box img {
            float: left;
        }
        #imgthumb_box {
            text-align: center;
        }
        #imgthumb_box a {
            margin-left: 4px;
        }
        #imgthumb_box a img {
            border: 6px solid #e3e3e3;
            position: relative;
            top: 10px;
            -webkit-border-radius: .3em;
            -moz-border-radius: .3em;
            border-radius: .3em;
        }
        #imgthumb_box a img:hover {
            border-color: #666;
        }
    </style>
  </head>
		
		
		<body>
		<div id="frame">

				<div id="headcontainer">
				  <div id="leftcontainer">
								<div id="logo"><a href="index.jsp"><img src="images/sucar03.jpg" align="center" alt="Stores" title="Stores" width="223" height="40" /></a></div>
				  </div>
						<div id="rightcontainer">
								<div id="searchcontainer">
										<div id="sleft"><img src="images/searchbgleft.jpg" alt="" /> </div>
										<div id="smiddle">
										  <div id="search">Search:</div>
												<div id="sbox">
                                                  <form id="form1" name="form1" method="post" action="">
                                                    <input type="text" name="textfield"  style="width:100px; height:15px; border:1px solid #B2B2B1;" />
                                                  </form>
											    </div>
												<div id="sbutton">
												  <label>
												  <input type="image" name="imageField" src="images/searchbutton.jpg" title="Go" />
												  </label>
												</div>
										</div>
										<div id="sright"><img src="images/searchbgright.jpg" alt="" /></div>
								</div>
						</div>
				<br class="spacer" />
				</div>
	<div id="navcontainer">
                	<ul>
                    	<li>Home</span>&nbsp; &nbsp; &nbsp; &nbsp;</li>
                    	<li><a href="about us.jsp" title="About Us">About Us</a>&nbsp; &nbsp; &nbsp; &nbsp;</li>
                    	<li><a href="imagenes.jsp" title="Services">Imagenes</a>&nbsp; &nbsp; &nbsp; &nbsp;</li>
                    	<li><a href="salud.jsp" title="Food gallery">Salud</a>&nbsp; &nbsp; &nbsp; &nbsp;</li>                    	
                    	<li class="noPad"><a href="contacto.jsp" title="Contacts">Contacts</a>&nbsp; &nbsp; &nbsp; &nbsp;</li>
                    </ul>
                </div>
				</div>
    
	<div id="banner">
	<div class="blank"></div>
						<div id="bleft">
						
  
      <div id="navigate">
          <a href="" id="linkfirst">&laquo; first</a>
          <span id="spanfirst">&laquo; first</span>
          <a href="" id="linkprev">&lsaquo; prev</a>
          <span id="spanprev">&lsaquo; prev</span>
          <a href="" id="linknext">next &rsaquo;</a>
          <span id="spannext">next &rsaquo;</span>
          <a href="" id="linklast">last &raquo;</a>
          <span id="spanlast">last &raquo;</span>
      </div>
      <div id="img_container">
          <div id="img_box">
              <img id="img1" src="img/original/java1.jpg"/>
              <img id="img2" src="img/original/java2.jpg"/>
              <img id="img3" src="img/original/java3.jpg"/>
              <img id="img4" src="img/original/java4.jpg"/>
              <img id="img5" src="img/original/java5.jpg"/>
              <img id="img6" src="img/original/java6.jpg"/>
              <div style="clear:both;"></div>
          </div>
      </div>
      <div id="imgthumb_box">
          <a href="" class="thumblink" id="imglink1"><img src="img/thumb/01.jpg"/></a>
          <a href="" class="thumblink" id="imglink2"><img src="img/thumb/02.jpg"/></a>
          <a href="" class="thumblink" id="imglink3"><img src="img/thumb/03.jpg"/></a>
          <a href="" class="thumblink" id="imglink4"><img src="img/thumb/04.jpg"/></a>
          <a href="" class="thumblink" id="imglink5"><img src="img/thumb/05.jpg"/></a>
          <a href="" class="thumblink" id="imglink6"><img src="img/thumb/06.jpg"/></a>
      </div>
  
                          
	  </div>
			<div class="blank"></div>			
				<div class="blank"></div>
				
				        <div id="bodycontainer">
						<div id="bodycontainerleft">
						  <div id="lmaim">
								<div id="loginmaim">
								<h2 id="loging"></h2>
								<div id="loginbg">
								  <div class="newusercontainer">
												<div class="nutxt newleft">user name:</div>
												
												<div class="newright">
												  <label>
												  <input type="text" name="textfield2" style="width:100px; border:1px solid #686868;" />
												  </label>
												</div>
								  </div>
								 <div class="newusercontainer">
												<div class="nutxt newleft">password:</div>
												<div class="newright">
												  <label>
												  <input type="text" name="textfield22" style="width:100px; border:1px solid #686868;" />
												  </label>
												</div>
								  </div>
								  <div class="newusercontainer">
                                                                                    <div id="signup">
										 			  <label>
								<td><input type="button" name="btnaceptar" value="Login!" onClick="location.href = 'Admin.jsp'" align="right"></td>
										 			  </label>
										 			</div>							 
									
								  </div>
										<div class="newusercontainer">
												<div id="forgot"><a href="construccion.jsp" class="forgottxt">¿Olvido su contraseña?<br />												
											    </a> <a href="construccion.jsp" class="forgottxt">registrate ahora</a>
												</div>
												
										</div>
								</div>
								<div id="logingbottom"><img src="images/loginbgbottom.gif" alt="" width="203" height="10" /></div>
								</div>
								<div id="blmaim"></div>
							<div id="advtmaim">
										<div id="clickherecontainer"><a href="http://www.dizucar.com/contactenos/index.html" class="clicktxt" title="click here">click</a></div>
							</div>
						  </div>
						</div>
						<div id="bodycontainercenter">
								<div id="wmaim">
										<h2 id="welcome"></h2>
										<div id="wtxt"><img src="images/sucar05.jpg" alt="" width="259" height="108" /><br />
										    
										    <span class="h1">DISTRIBUIDORA DE AZÚCAR Y SUS DERIVADOS, S.A. DE C.V.
DIZUCAR, S.A. DE C.V.
</span><span class="wtext"><p>Creación de la preferencia del azúcar Salvadoreña como el endulzante y la energía natural por excelencia. </p>
          <p> Échale Azúcar Natural estuvo presente en los hogares salvadoreños brindando la alegría y energía que sólo el azúcar puede dar.</p>

 La nueva campaña está diseñada para todos los Salvadoreños, especialmente aquellos que están deseosos de verse y sentirse bien, llenos de energía y alegría. Pues son ellos los que están decididos a incorporar la actividad física en su rutina diaria y ya aprendieron que el Azúcar Natural no tiene ningún sustituto porque sólo hay una. </p>
<br />
										    <br />
										  </span><br />
									     <div align="right"><a href="http://www.dizucar.com/media/index.html" class="rmore" title="Read more">Read more</a></div>
								  </div>
								</div>
						</div>
						<div id="bodycontainerright">
								<div id="rmaim">
										<h2 id="featured"></h2>
										<div class="fpm1">
													<div class="fpmleft"><img src="images/ppic1.jpg" alt="" /></div>
												<div class="ftext fpmright">
												  <span class="h1">Productos </span>Azùcar Morena, Azúcar Blanca, Azúcar Refinada   
												  <div align="right"> <a href="http://www.dizucar.com/marcas/index.html" class="rmore" title="more">...more</a></div>
										  </div>
										</div>
										
										<div class="fpm1">
													<div class="fpmleft"><img src="images/ppic2.jpg" alt="" width="97" height="77" /></div>
												<div class="ftext fpmright">
												  <span class="h1">Marcas</p> </span>El cañal, Central Izalco, El Àngel, etc.   <div align="right"> <a href="http://www.dizucar.com/marcas/index.html" class="rmore" title="more">...more</a></div>
										  </div>
										</div>
						<script src="http://h1.flashvortex.com/display.php?id=2_1294291317_52613_387_0_174_139_9_1_97" type="text/javascript"></script>

										<div id="rightpic"> </div>
										
						  </div>
				  </div>
                  <br class="spacer" />
  </div>
  <div class="blank"></div>
  <div id="footercontainercenter">
  		<div id="fooertleft">
				
	</div>
		<div id="footeright">
			<div id="frtop">
					<div id="fooertxt"><span class="fnav">Home</span> &nbsp;| &nbsp;  <a href="about us.jsp" class="fnav" title="About Us">About Us</a> &nbsp;| &nbsp; <a href="imagenes.jsp" class="fnav" title="Services">Imagenes</a> &nbsp;| &nbsp; <a href="salu.jsp" class="fnav" title="Food gallery">Salud</a>&nbsp; |&nbsp;  <a href="contacto.jsp" class="fnav" title="Contacts">Contacts</a></div>
			</div>
			<div>
					<div class="copyrighttxt" id="copyright">Copyright &copy; 2006. All rights reserved.<br />
					Designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>, Thanks to <a href="http://www.openwebdesign.org/">Web Design UK</a></div>
			        <div id="cardcontainer">
						  
			  </div>					
			</div>
			<div></div>
		</div>
	<br class="spacer" />	
  </div>

</div>
	
	</body>
</html>
